<template>
    <div>
        <div class="banner">
            <img src="@/assets/img/introduce/banner_a@2x.png" alt="banner">
        </div>
        <el-row class="content">
            <el-row class="contentInner">
                <NavStitle :routes="routes" :links="links"/>
                <el-row class="routerView">
                    <router-view/>
                </el-row>
            </el-row>
        </el-row>
    </div>
</template>

<script>
import NavStitle from '@/components/navStitle';
export default {
    components:{NavStitle},
    data(){
        return {
            links:[
                '/introduce/simple',
                '/introduce/speech',
                '/introduce/culture',
                '/introduce/structure',
                '/introduce/honor'
            ]
        }
    },
    computed:{
        routes(){
            return this.$t("introduce.nav");
        }
    },
    mounted(){
    }
}
</script>

<style lang="less" scoped>
.banner {
    height: 280px;
    background-color: pink;
    img {
        height: 280px;
        width: 100%;
    }
}
.content {
    margin-top: 37px;
    .contentInner {
        width:1280px;
        margin: 0 auto;
        .routerView {
            padding-top: 40px;
        }
    }
}
</style>